<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    {{#title}}
    <title>{{.}}</title>
    {{/title}}
    <script
      src="./{{REL_PATH}}shinylive/load-shinylive-sw.js"
      type="module"
    ></script>
    <script type="module">
      import { runExportedApp } from "./{{REL_PATH}}shinylive/shinylive.js";
      runExportedApp({
        id: "root",
        appEngine: "{{APP_ENGINE}}",
        relPath: "{{REL_PATH}}",
      });
    </script>
    <link rel="stylesheet" href="./{{REL_PATH}}shinylive/style-resets.css" />
    <link rel="stylesheet" href="./{{REL_PATH}}shinylive/shinylive.css" />
    {{{ include_in_head }}}
  </head>
  <body>
    {{{ include_before_body }}}
    <div style="height: 100vh; width: 100vw" id="root"></div>
    {{{ include_after_body }}}
  </body>
</html>
